html{font-family:sans-serif;-webkit-text-size-adjust:100%}
body,img,ul,li,span,div{margin:0; padding: 0; border: 0;}
body{background-color: #fff; font: normal 14px "微软雅黑"; color: #a8a9a8;}
a { background-color: transparent; text-decoration: none;}
a:active, a:hover { outline: 0; }

.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.hidden{display: none!important;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

@media only screen and (min-width: 992px) {
	.col-5{width: 50%;}
	.col-6{width: 65%;}
	.col-3{width: 30%;}
}
@media only screen and (max-width: 992px) {
	.col-5{width: 100%;}
	.col-6{width: 100%;}
	/*.col-3{width: 50%;}*/
}



/*菜单导航栏 start*/

.navbar .item{display: inline-block; text-align: center; color: #555655;}
.navbar .item.logo{position: absolute; left: 46%;}
.navbar .item.item-l{float: left;}
.navbar .item.item-r{float: right; }
.navbar .item:hover, .navbar .item.active{color: #ff506d; font-weight: bold;}

@media only screen and (min-width: 992px) {
	.navbar{width: 1000px; height: 77px; margin: 16px auto; /* border-bottom: 2px solid #f8f8f8;*/}
	.navbar .item{width: 100px; line-height: 77px; }
	.navbar .item.logo{display: block;}
	#mobile-top{display: none;}
}
@media only screen and (max-width: 992px) {
	.navbar{height: 80px; padding: 0 44px 50px;}
	.navbar .fr{float: left;}
	.navbar .item{width: auto; margin-right: 76px; line-height: 77px; font-weight: bold; font-size: 18px;}
	.navbar .fr .item{margin-right: 30px;}
	.navbar .item.logo{display: none;}
	.navbar .item:hover, .navbar .item.active{border-bottom: 5px solid #5e5f5e;}
	#mobile-top{display: block; padding: 26px 44px 0;}
	#mobile-top img{ height: 113px; width: auto;}
}
@media only screen and (max-width: 768px) {
	.navbar{height: 80px; padding: 0 10px 30px;}
	.navbar .item,.navbar .fr .item{margin-right: 10px; font-size: 14px; font-weight: normal;}
	#mobile-top{padding: 0 10px;}
	#mobile-top img{ height: 80px; width: auto;}
}
/*菜单导航栏 end*/


/*图片宣传栏 start*/
.banner{width: 100%; text-align: center; }
.banner.bg{ background-color: #f1eef5;}

@media only screen and (min-width: 992px) {
	.banner .pc{ display: block;}
	.banner .mobile{ display: none;}
	.banner.br{border-top: 4px solid #f8f8f8; }
}
@media only screen and (max-width: 992px) {
	.banner .pc{ display: none;}
	.banner .mobile{ display: block;}
	.banner.bg{background-color: #fff;}
	.banner.mt20{margin-top: 0;}
}
/*图片宣传栏 end*/

/*主体*/
.container.products img{display: block;width: 100%; height: auto;}
.container p{line-height: 26px; text-align: left;}
.container .title{font: bold 30px "微软雅黑"; color: #525352;}
.container .title span{font-size: 18px; color: #abacab;}
.container .sub-title{color: #b5b6b5; font-size: 14px;}
.container .tips{color: #525352; font-size: 14px;}

@media only screen and (min-width: 992px) {
	.container{ width: 900px; margin: 0 auto; padding: 0 20px;}
	.container.contacts{width: 700px; margin-top: 130px;}
	.container.products{width: 698px;}
	.container.company{width: 1000px; margin-top: 80px; }
	.container.code{width: 700px; margin-top: 80px;}
}
@media only screen and (max-width: 992px) {
	.container{ width: auto; padding: 44px;}
	.container.contacts{text-align: center;}
	.container.products{width: 100%; padding: 0;}
	.container.products.mt20{margin-top: 0;}
}
@media only screen and (max-width: 768px) {
	.container{ width: auto; padding: 10px;}
}


/*公司 start */
.company .item{padding: 0 40px; color: #555655;}
.company .about{color: #5c5d5c; font-size: 18px;}
.company .about span{display: inline-block; margin-left: 10px; width: 150px; border: 1px solid; vertical-align: middle;}
.company h2.title{margin-top: 10px;}
.company .sp h3{margin: 0;}
.company .sp p{margin: 5px 0 10px; line-height: 22px;}
@media only screen and (max-width: 768px) {
	.company .item{padding: 0 15px;}
}
/*公司 end */


/*防伪查询*/
.form-line{line-height: 38px;}
.form-line input{border: 0; font-size: 20px; }
.form-line .btn{display: inline-block; width: 70px; color: #fdfefe; background-color: #eb4d67; border-radius: 20px; text-align: center; letter-spacing: 2px;}
.result .info{width: 80%; height: 50px; line-height: 50px; margin: 0 auto; padding: 0 30px; color: #555555;}
.result .info.first{background-color: #fafafa; text-align: left;}
.result .info.second{background-color: #f3f3f3; }
.result .info.second .success{display: inline-block; width: 50%;}
.result .info.second .error{text-align: center;}
@media only screen and (min-width: 992px) {
	.form-wrapper{padding: 20px 40px 60px; box-shadow: 1px 1px 20px #ddd;}
	.form-line{height: 38px; line-height: 38px;}
	.form-line input{width: 310px; border-bottom:#dddedd 2px solid; }
}
@media only screen and (max-width: 992px) {
	.form-wrapper{ padding: 0;}
	.form-line{ text-align: center; height: 80px;}
	.form-line input{ padding: 0 20px; line-height: 40px; background-color: #efefef; border-radius: 10px; letter-spacing: 1px;}
	.form-line .btn{ margin-top: 20px; border-radius: 10px;}
}


/*防伪查询 end */


footer{height: 60px; }

